<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
			<script type="text/javascript">//<![CDATA[
				function verificaNumeroEntero(event){
			    	valKey = event.keyCode || event.which;
			    	if ((valKey=='48') || (valKey=='49') || (valKey=='50') || (valKey=='51') || (valKey=='52') || (valKey=='53') || (valKey=='54') || (valKey=='55') || (valKey=='56') || (valKey=='57') || (valKey=='8'))  
			        	return true;
			    	else
			        	return false;
				}
			//]]></script>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="ADMINISTRAR METAS" />
		</ui:define>	
 

		<ui:define name="agregaIconoExcelRe"/>
		<ui:define name="agregaIconoPDFRe"/>
		<ui:define name="agregaIconoEmail"/>
		<ui:define name="agregaIconoEjecutivos"/>
		
		<ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{administrarMetasController.onPageLoad}"/>
			<p:messages id="messageMetas" showDetail="true" closable="true" />
			<h:panelGrid columns="1" width="100%" id="idContentMain">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idCriterioBusq"
						cellpadding="5" styleClass="bordePanel" columns="7" width="99%" style="margin-bottom:5px">
						<f:facet name="header">
							<h:outputText value="Metas" />
						</f:facet>	
						<h:outputText value="Año:" style="align-text:right" styleClass="texto" />
						<p:selectOneMenu id="cmbAnioMetas" value="#{administrarMetasController.administrarMetasModel.meta.idAnioMeta}">
							<f:selectItems value="#{administrarMetasController.comboModel.listaAniosMetas}" />
						</p:selectOneMenu>
	
						<h:outputText value="Ejecutivo:" style="align-text:right" styleClass="texto" />
						<p:selectOneMenu styleClass="combo2" id="cmbTipoEjecutivoMetas" value="#{administrarMetasController.administrarMetasModel.meta.idTipoEjecutivo}">
							<f:selectItems value="#{administrarMetasController.comboModel.listaEjecutivosAAsignar}" />
						</p:selectOneMenu>
	
						<h:outputText value="Tipo" style="align-text:right" styleClass="texto" />
						<p:selectOneMenu id="cmbTipoMetas" value="#{administrarMetasController.administrarMetasModel.meta.idTipoMeta}">
							<f:selectItems value="#{administrarMetasController.comboModel.listaTipoMetas}" />
						</p:selectOneMenu>
						
						<p:commandButton icon="ui-icon-search" actionListener="#{administrarMetasController.buscar}"
							value="Buscar" update=":formPrincipal:pgResultadosGenerales,:formPrincipal:messageMetas,:formPrincipal:optValorTotal"/>
				</h:panelGrid>
				<h:panelGrid id="pgResultadosGenerales" width="100%">
					<h:panelGrid id="pgResultadosGeneralesMetas" columns="1" width="100%" styleClass="bordePanel" 
						rendered="#{not empty administrarMetasController.administrarMetasModel.listaMetas}"
						headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
						style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
		 				<h:panelGrid id="pgDistribuir" columns="9" width="80%" style="margin: 0 auto;">
		 					<p:outputLabel value="Año:"/>
		 					<p:outputLabel id="lblAnioMeta" value="#{administrarMetasController.administrarMetasModel.meta.lblAnioMeta}"/>
		 					<p:outputLabel value="Ejecutivo:"/>
							<p:outputLabel id="lblEjecutivo" value="#{administrarMetasController.administrarMetasModel.meta.lblEjecutivo}"/>
							<p:outputLabel value="Tipo:"/>
							<p:outputLabel id="lblTipoMeta" value="#{administrarMetasController.administrarMetasModel.meta.lblTipoMeta}"/>
							<p:outputLabel value="Cantidad a distribuir:"/>
							<h:inputText id="txtCantidadADistribuir" value="#{administrarMetasController.administrarMetasModel.meta.txtCantidadADistribuir}" onkeypress="return verificaNumeroEntero(event);"/>
							<p:commandButton  actionListener="#{administrarMetasController.distribuir}"
											  value="Distribuir" update=":formPrincipal:pgResultados,:formPrincipal:pgDistribuir,:formPrincipal:messageMetas,:formPrincipal:optValorTotal"/>
		 				</h:panelGrid>
						<h:panelGrid id="pgResultados" width="70%" columns="1" style="margin: 0 auto;">
							<p:dataTable id="tablaMetas" value="#{administrarMetasController.administrarMetasModel.listaMetas}" var="fila"
								styleClass="styleDataTableWrapNormal" 
								emptyMessage="No existe información." rowIndexVar="rowIndex">
								<p:column styleClass="ui-state-default">
									<f:facet name="header">
										<h:outputText value="Metas"/>
									</f:facet>
									<h:outputText value="#{fila.campoMes}" />
								</p:column>
								<p:column>
									<f:facet name="header">
										<h:outputText value="1ra. Semana"/>
									</f:facet>
									<h:inputText value="#{fila.valormeta1}" onkeypress="return verificaNumeroEntero(event);" />
								</p:column>
								<p:column>
									<f:facet name="header">
										<h:outputText value="2da. Semana"/>
									</f:facet>
									<h:inputText value="#{fila.valormeta2}" onkeypress="return verificaNumeroEntero(event);"/>
								</p:column>
								<p:column>
									<f:facet name="header">
										<h:outputText value="3ra. Semana"/>
									</f:facet>
									<h:inputText value="#{fila.valormeta3}" onkeypress="return verificaNumeroEntero(event);"/>
								</p:column>
								<p:column>
									<f:facet name="header">
										<h:outputText value="4ta. Semana"/>
									</f:facet>
									<h:inputText value="#{fila.valormeta4}" onkeypress="return verificaNumeroEntero(event);" />
								</p:column>
							</p:dataTable>	
							<h:panelGrid width="100%" columns="2" style="text-align:right;margin: 0 auto;">
								<h:outputText value="Total:" styleClass="texto"/>
								<h:outputText id="optValorTotal" value="#{administrarMetasController.administrarMetasModel.valorTotal}"/>
							</h:panelGrid>
							<h:panelGrid width="100%" columns="1" style="text-align:right;margin: 0 auto;">
								<p:commandButton actionListener="#{administrarMetasController.guardar}"
									icon="ui-icon-disk" value="Guardar" update=":formPrincipal:pgResultados,:formPrincipal:pgDistribuir,
									:formPrincipal:messageMetas" id="btnGuardar"/>
							</h:panelGrid>
						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>	
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnGuardar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Guardando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
	</ui:composition>
</html>			